@charset "UTF-8";

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {
	margin: 0;
	padding: 0
}

img {
	border: 0
}

ul,dl,li,dt,dd {
	list-style: none
}

body {
	font-family: 微软雅黑;
	font-size: 14px;
	overflow-x: hidden;
	color: #333;
	background: #fff
}

pre {
	font-family: 微软雅黑
}

a {
	font-size: 14px;
	text-decoration: none;
	color: #333;
	transition: all .45s
}

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both
}

.clearfix {
	*zoom: 1
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 400
}

input,textarea,select {
	outline: none;
	font-family: microsoft yahei;
	line-height: normal;
	border: none;
	background: 0 0
}

textarea {
	resize: none;
	overflow: hidden
}

select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none
}

select::-ms-expand {
	display: none
}

i,em {
	font-style: normal
}

table {
	max-width: 100%;
	overflow: hidden
}

.u_hidden {
	display: none
}

.fl {
	float: left
}

.fr {
	float: right
}

.z-container {
	width: 1200px;
	height: auto;
	clear: both;
	margin: 0 auto
}

.z-row {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ellipsis2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis
}

.ellipsis3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis
}

.ellipsis4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis
}

.ellipsis5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	text-overflow: ellipsis
}

.ellipsis6 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	text-overflow: ellipsis
}

.ellipsis8 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	overflow: hidden;
	text-overflow: ellipsis
}

*:before,*:after {
	z-index: -1
}

@font-face {
	font-family:en;src:url(../fonts/dut801ia.ttf)
}

.foot_link a {
	display: inline-block;
	color: #868686;
	margin-bottom: 10px;
	margin-left: 10px
}

.u_hidden {
	display: none
}

.header {
	height: 80px;
	background: rgba(255,255,255,.7);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	z-index: 99;
	transition: all .8s
}

.header.on {
	transform: translateY(-80px)
}

.header .logo {
	display: block;
	position: absolute;
	left: 8%;
	top: 50%;
	transform: translateY(-50%)
}

.header .logo img {
	max-height: 50px
}

.header .sou {
	display: block;
	width: 16px;
	height: 26px;
	background: url(../images/soubtn.png) no-repeat top center;
	border-bottom: 2px solid #273977;
	position: absolute;
	right: 8%;
	top: 50%;
	transform: translateY(-50%)
}

.header_nav li {
	display: inline-block;
	line-height: 80px;
	margin: 0 1.2vw
}

.header_nav li a {
	font-size: 16px
}

.header_nav li a:hover {
	color: #273977
}

.header_nav li a.on {
	color: #273977
}

body.fixed .header {
	transform: translateY(-100%);
	visibility: hidden
}

.banner {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 100vh
}

.banner .swiper-slide-active {
	z-index: 3;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center
}

.banner video {
	height: 100%;
	width: auto
}

.banner_img.on:before {
	height: 170px;
	bottom: -200px
}

.pace-progress {
	width: 100%;
	height: 3px;
	background: #273977;
	position: fixed;
	left: 0;
	top: 0;
	margin-top: -1px;
	z-index: 5000
}

.pace-inactive {
	display: none
}

.banner .swiper-slide .img {
	transition: ease 3s;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-webkit-transition: ease 3s
}

.swiper-slide .img {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.banner .swiper-slide.swiper-slide-active .img {
	transform: scale(1);
	-webkit-transform: scale(1)
}

.banner .swiper-slide.swiper-slide-prev .img {
	transform: scale(1.1);
	-webkit-transform: scale(1)
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	z-index: 1;
	overflow: hidden
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-pagination-progress {
	background: rgba(0,0,0,.25);
	position: absolute
}

.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	bottom: 0;
	z-index: 999
}

.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #273977;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top
}

.banner_btn span {
	display: block;
	width: 70px;
	text-align: center;
	line-height: 70px;
	height: 70px;
	border-radius: 50%;
	background: rgba(0,0,0,.2);
	position: absolute;
	left: 100px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99;
	cursor: pointer
}

.banner_btn .arr_r {
	left: auto;
	right: 100px
}

.banner_btn span img {
	vertical-align: middle
}

.banner .banner_num {
	position: absolute;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
	bottom: 30px;
	font-style: italic;
	color: #fff;
	z-index: 99;
	font-size: 18px
}

.banner .banner_num:before {
	content: "";
	display: block;
	width: 1px;
	height: 70px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: -100px;
	z-index: 999
}

.banner_img {
	position: absolute;
	left: 27%;
	top: 0%;
	height: 100%;
	z-index: 99;
	text-align: center;
	display: flex;
	align-items: center
}

.index_part1 {
	padding-top: 130px;
	padding-bottom: 70px
}

.index_part1 .z-container {
}

.index_part1 .right {
	display: flex;
	justify-content: center;
	align-items: flex-end
}

.index_part1 .right img {
	max-width: 100%
}

.index_part1 .left,.index_part1 .right {
	width: 50%;
	float: left
}

.index_part1 .index_text {
	width: 70%
}

.index_tit .en {
	font-size: 30px;
	font-family: en;
	text-transform: uppercase
}

.index_tit .cn {
	font-size: 24px
}

.line {
	display: inline-block;
	width: 12px;
	height: 4px;
	background: #273977;
	margin: 20px 0;
	z-index: 2
}

.index_text {
	color: #666;
	line-height: 24px
}

.index_more {
	display: inline-block;
	width: 148px;
	height: 44px;
	overflow: hidden;
	line-height: 44px;
	text-align: center;
	margin-top: 50px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	position: relative;
	border: 1px solid #ccc;
	z-index: 1
}

.index_more em {
	display: inline-block;
	width: 18px;
	height: 12px;
	background: url(../images/yan.png) no-repeat center;
	background-size: 100% 100%;
	margin-right: 10px;
	transition: all 1s
}

.index_more:before,.index_more:after {
	position: absolute;
	top: 50%;
	content: '';
	width: 30px;
	height: 30px;
	background: #273977;
	border-radius: 50%;
	-webkit-transition: .6s;
	transition: .6s
}

.index_more:before {
	left: -20px;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.index_more:after {
	right: -20px;
	-webkit-transform: translate(50%,-50%);
	transform: translate(50%,-50%)
}

.index_more:hover:before,.morebox:hover .index_more:before {
	-webkit-animation: criss-cross-left .6s both;
	animation: criss-cross-left .6s both
}

.index_more:hover:after,.morebox:hover .index_more:after {
	-webkit-animation: criss-cross-right .6s both;
	animation: criss-cross-right .6s both
}

.index_more:hover,.morebox:hover .index_more,.morebox:hover a {
	color: #fff
}

.index_more:hover em,.morebox:hover .index_more em {
	background: url(../images/yan2.png) no-repeat center;
	background-size: 100% 100%
}

@keyframes process {
	0% {
		height: 0
	}

	100% {
		height: 170px
	}
}

@-webkit-keyframes criss-cross-left {
	0% {
		left: -20px
	}

	50% {
		left: 50%;
		width: 20px;
		height: 20px
	}

	100% {
		left: 50%;
		width: 375px;
		height: 375px
	}
}

@keyframes criss-cross-left {
	0% {
		left: -20px
	}

	50% {
		left: 50%;
		width: 20px;
		height: 20px
	}

	100% {
		left: 50%;
		width: 375px;
		height: 375px
	}
}

@-webkit-keyframes criss-cross-right {
	0% {
		right: -20px
	}

	50% {
		right: 50%;
		width: 20px;
		height: 20px
	}

	100% {
		right: 50%;
		width: 375px;
		height: 375px
	}
}

@keyframes criss-cross-right {
	0% {
		right: -20px
	}

	50% {
		right: 50%;
		width: 20px;
		height: 20px
	}

	100% {
		right: 50%;
		width: 375px;
		height: 375px
	}
}

.index_zs .info .flex {
	padding: 0
}

.index_part2 {
	width: 50%;
	float: left;
	height: 550px;
	display: flex;
	align-items: center;
	background: url(../images/index_part2bg.jpg) no-repeat center;
	background-size: 100% 100%;
	justify-content: center
}

.index_part2 .info {
	width: 28%;
	text-align: center;
	margin-left: 10%
}

.index_part2 .img {
	max-width: 42%
}

.index_part2 .img img {
	max-height: 360px;
	max-width: 100%
}

.index_story .info,.index_story .img {
	height: 850px
}

.index_story .info {
	width: 34%;
	float: left;
	background: #e7e7e9;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative
}

.index_story .info:before,.index_zs .info:before {
	content: "";
	display: block;
	width: 1px;
	height: 0;
	background: #273977;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 1;
	transition: all .8s
}

.index_story .info:hover:before {
	height: 100px
}

.index_story .flex {
	width: 64%;
	text-align: center
}

.index_story .img {
	width: 66%;
	float: right;
	position: relative;
	z-index: 2
}

.index_story .img:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(62,62,62,0.1)
}

.story_num {
	width: 100%;
	text-align: center;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 12%;
	box-sizing: border-box
}

.story_num .box {
	display: inline-block;
	color: #fff
}

.story_num span {
	display: block;
	font-size: 48px;
	font-weight: blod
}

.index_tit2 .en {
	font-size: 30px;
	font-family: en;
	margin: 5px 0
}

.index_tit2 .cn {
	font-size: 18px
}

.index_tit2 .line {
	margin: 30px 0
}

.index_story .index_text {
	text-align: left
}

.index_story .index_more {
	margin-top: 120px
}

.index_zs .info,.index_zs .img {
	float: left;
	height: 850px
}

.index_zs .img {
	width: 66%;
	float: left;
	background-size: auto 100%
}

.index_zs .info {
	width: 34%;
	float: right;
	background: #e7e7e9;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative
}

.index_zs .info:before {
	height: 0
}

.index_zs .info:hover:before {
	height: 80px
}

.six_adv {
	color: #fff;
	font-size: 24px;
	float: left;
	margin-right: 100px
}

.six_adv em {
	font-size: 72px;
	line-height: 72px
}

.six_adv .en {
	font-size: 30px;
	font-family: en
}

.six_box {
	width: 60%;
	float: left
}

.six_box li {
	display: inline-block;
	color: #fff;
	text-align: center;
	width: 32%;
	margin-bottom: 120px
}

.six_box li .iconfont {
	font-size: 50px;
	margin-bottom: 10px;
	display: block
}

.six_box ul {
	margin-bottom: -120px
}

.index_zs .img {
	position: relative;
	z-index: 1;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}

.six_box li:hover {
	color: #273977
}

.index_zs .img:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	position: absolute;
	left: 0;
	top: 0
}

.index_zs .flex {
	width: 100%;
	padding: 0 170px;
	box-sizing: border-box;
	padding-right: 0
}

.index_case .tit_box {
	text-align: center;
	padding: 100px 0
}

.index_case .tit_box .cn {
	font-size: 18px
}

.case_box {
	width: 100%;
	height: 760px;
	position: relative;
	background: url(../images/case_bg.jpg) no-repeat center;
	background-size: 100% 100%
}

.big_case {
	width: 100%;
	height: 100%
}

.big_case .img {
	width: 66%;
	float: left;
	height: 760px
}

.big_case .img img {
	vertical-align: bottom
}

.big_case .info {
	width: 34%;
	float: right
}

.big_case .info .flex {
	width: 70%;
	margin: 0 auto;
	margin-top: 70px
}

.big_case .info h3 {
	font-size: 30px
}

.big_case .index_more {
	margin-top: 100px
}

.small_box {
	width: 24%;
	position: absolute;
	right: 5%;
	bottom: 0;
	z-index: 99
}

.small_box .swiper-container {
	width: 50%;
	float: right;
	height: 100%
}

.small_box .swiper-slide img {
	width: 100%;
	height: 100%
}

.small_box .btn_box {
	width: 50%;
	height: 100%;
	background: #2e2e2e;
	float: left;
	position: relative
}

.small_box .btn_box .btn {
	display: inline-block;
	width: 40%;
	height: 80px;
	cursor: pointer
}

.small_box .btn_box .arrow-right {
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../images/arr_r.png) no-repeat center
}

.small_box .btn_box .arrow-left {
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/arr_l.png) no-repeat center
}

.index_store {
	height: 800px;
	width: 100%;
	background: #f6f6f6
}

.index_store .z-container {
	position: relative
}

.map_box {
	width: 90%;
	position: absolute;
	right: -12%;
	height: 800px;
	z-index: 1;
	top: 0
}

.mappic {
	max-width: 100%
}

.map_box .area {
	display: block;
	width: 20%;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center
}

.map_box .area_1 {
	width: 228px;
	height: 228px;
	background: rgba(255,255,255,.4);
	position: absolute;
	left: 18%;
	top: 300px
}

.map_box .area_2 {
	width: 228px;
	height: 228px;
	background: rgba(39,57,119,.3);
	position: absolute;
	left: 37%;
	top: 454px
}

.map_box .area_3 {
	width: 150px;
	height: 150px;
	background: rgba(255,255,255,.4);
	position: absolute;
	left: 53%;
	top: 280px
}

.map_box .area_4 {
	width: 250px;
	height: 250px;
	background: rgba(202,202,202,.4);
	position: absolute;
	right: 150px;
	bottom: 120px
}

.map_box .area_5 {
	width: 260px;
	height: 260px;
	background: rgba(202,202,202,.4);
	position: absolute;
	right: 40px;
	top: 100px
}

.map_box .area:before {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: transparent;
	opacity: 0;
	transition: all .8s;
	position: absolute;
	left: 0;
	top: 0
}

.map_box .area:hover:before {
	transform: scale(1.1,1.1);
	opacity: 1;
	background: #273977
}

.map_box .area:hover {
	color: #fff
}

.index_store .index_tit2 .en {
	margin: 0;
	margin-bottom: 5px
}

.index_store li {
	position: relative;
	display: inline-block;
	cursor: pointer
}

.index_store select {
	width: 270px;
	height: 44px;
	background: #fff;
	padding: 0 20px;
	box-sizing: border-box;

	z-index: 1;
	position: relative;
	position: relative
}

.index_store select option {
	width: 100%;
	height: 30px
}

.index_store li:before {
	content: "";
	display: block;
	width: 7px;
	height: 6px;
	background: url(../images/arr_b.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2
}

.index_store .info {
	padding-top: 180px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}

.index_store .index_more {
	margin-top: 70px
}

.index_news {
	padding: 100px 0;
	position: relative
}

.index_news:before {
	content: "";
	display: block;
	width: 1px;
	height: 80px;
	background: #273977;
	position: absolute;
	left: 50%;
	top: -40px;
	z-index: 1
}

.index_news .index_tit2 {
	text-align: center
}

.news_nav {
	text-align: center;
	margin-bottom: 65px
}

.news_nav a {
	display: inline-block;
	position: relative;
	margin: 0 24px;
	font-size: 16px
}

.news_nav a.active,.news_nav a:hover {
	color: #273977
}

.news_nav a:before {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: #273977;
	position: absolute;
	left: 50%;
	bottom: -10px;
	transform: translateX(-50%);
	z-index: 1;
	transition: all .8s
}

.news_nav a.active:before,.news_nav a:hover:before {
	width: 12px
}

.news_list ul {
	margin-left: -3.3%
}

.news_list li {
	width: 30%;
	float: left;
	margin-left: 3.3%;
	float: left;
	background: #f9f9f9;
	position: relative
}

.news_list li:before {
	content: "";
	display: block;
	width: 0%;
	height: 2px;
	background: #273977;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	transition: all .8s
}

.news_list li:hover:before {
	width: 100%
}

.news_list .img {
	width: 100%;
	height: 270px;
	overflow: hidden
}

.news_list .img img {
	width: 100%;
	height: 100%;
	transition: all .8s
}

.news_list li:hover img {
	transform: scale(1.1,1.1)
}

.news_list .info {
	padding: 30px;
	box-sizing: border-box
}

.news_list .info span,.news_list .info p {
	color: #666;
	line-height: 24px
}

.news_list .info h3 {
	margin-bottom: 20px;
	font-size: 16px
}

.news_list .info p {
	height: 48px;
	margin-bottom: 20px
}

.news_warp .index_more {
	margin: 0 auto;
	display: block;
	margin-top: 80px
}

.footer {
	background: #333;
	color: #868686
}

.footer .z-container {
	width: 89.5%;
	border-bottom: 1px solid #474747;
	padding: 120px 0
}

.foot_nav {
	float: left
}

.foot_nav a {
	color: #868686;
	display: block
}

.foot_nav dl {
	display: inline-block;
	vertical-align: top;
	margin-right: 3vw
}

.foot_nav dt a {
	color: #fff;
	font-size: 16px
}

.foot_nav dt {
	margin-bottom: 30px
}

.foot_nav dd a {
	margin-bottom: 10px
}

.foot_addre {
	width: 14%;
	float: left;
	margin-left: 6vw
}

.foot_addre .info {
	margin: 30px 0
}

.foot_code {
	float: right
}

.foot_code .code_box {
	width: 112px;
	float: left;
	text-align: center;
	margin-left: 2vw
}

.foot_code .code_box img {
	width: 112px;
	height: 112px;
	margin-bottom: 10px
}

.foot_bar {
	height: 176px;
	line-height: 176px;
	background: #333;
	color: #868686
}

.foot_bar a {
	color: #868686;
	float: right
}

.foot_bar .z-container {
	width: 89.5%
}

.other_banner img {
	width: 100%;
	vertical-align: bottom
}

.page_nav {
	width: 100%;
	height: 56px;
	line-height: 56px;
	background: #273977;
	color: #fff;
	text-align: center
}

.page_nav a {
	display: inline-block;
	color: #fff;
	margin: 0 20px
}

.story_page .info,.story_page .img {
	height: 825px
}

.index_story2 .img {
	float: left
}

.index_story2 .info {
	float: right
}

.process_box .year {
	font-size: 36px;
	font-family: en
}

.process_box h3 {
	font-size: 16px
}

.process_box em {
	display: block;
	width: 18px;
	height: 1px;
	background: #666;
	margin: 30px auto
}

.process_box .text {
	color: #666;
	line-height: 24px;
	height: 240px;
	overflow: hidden;
	width: 64%;
	margin: 0 auto;
	margin-bottom: 20px
}

.process_nav li {
	display: inline-block;
	margin: 0 10px;
	position: relative;
	cursor: pointer;
	margin-bottom: 30px
}

.process_nav li.on {
	color: #273977
}

.process_nav li.on:before {
	content: "";
	display: block;
	width: 15px;
	height: 14px;
	background: url(../images/arr.png)no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -20px;
	z-index: 1
}

.index_story2 .flex {
	width: 100%
}

.honor_left,.honor_right {
	width: 50%;
	float: left;
	height: 780px
}

.honor_left {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #f0f0f2
}

.honor_left .flex {
	width: 80%
}

.honor_left .line {
	margin: 10px 0
}

.honor_left img {
	width: 100%;
	height: 100%
}

.honor_img {
	position: relative
}

.honor_img1 {
	margin-top: 60px;
	margin-bottom: 15px
}

.honor_img .swiper-slide {
	border: 2px solid #fff;
	box-sizing: border-box;
	cursor: pointer
}

.honor_img1 .swiper-slide {
	height: 200px
}

.honor_img2 .swiper-slide {
	height: 124px
}

.honor_left .swiper-container {
	width: 80%;
	margin: 0 auto
}

.honor_img .btn {
	display: block;
	width: 36px;
	height: 36px;
	cursor: pointer
}

.honor_img .arrow-left {
	background: url(../images/arr_l2.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -18px
}

.honor_img .arrow-right {
	background: url(../images/arr_r2.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -18px
}

.z_mask {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.4);
	display: none;
	z-index: 8
}

.honor_pop {
	padding: 50px;
	max-width: 31%;
	padding-bottom: 0;
	box-sizing: border-box;
	background: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 9;
	display: none
}

.pop_img img {
	max-width: 100%;
	vertical-align: bottom
}

.pop_info {
	margin: 30px 0
}

.pop_tit {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 700
}

.pop_text {
	color: #777
}

.wish_warp {
	width: 100%;
	padding: 160px 0;
	box-sizing: border-box;
	background: url(../images/story_bg.jpg) no-repeat center;
	background-size: cover
}

.wish_left,.wish_right {
	width: 50%;
	float: left
}

.wish_left {
	text-align: center
}

.banner_text .en {
	font-size: 30px;
	font-family: en
}

.banner_text .cn {
	font-size: 16px
}

.banner_text .en2 {
	font-size: 30px;
	font-weight: 700;
	color: #273977;
	text-transform: uppercase;
	margin-bottom: 10px
}

.wish_list {
	width: 70%
}

.wish_box {
	width: 49.5%;
	float: left;
	margin-right: 1px;
	background: rgba(0,0,0,.4);
	height: 110px;
	margin-bottom: 1px;
	display: flex;
	align-items: center;
	padding: 20px;
	color: #fff;
	box-sizing: border-box;
	line-height: 24px
}

.wish_box h3 {
	font-weight: 700
}

.video_bar {
	width: 100%;
	position: relative
}

.video_bar video {
	width: 100%;
	object-fit: fill;
	vertical-align: bottom
}

.iconbox {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center
}

.iconbox .playbtn {
	display: inline-block;
	width: 68px;
	height: 68px;
	background: url(../images/play.png) no-repeat center;
	background-size: 100% auto
}

.iconbox h3 {
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 700;
	color: #273977;
	margin-top: 30px
}

.iconbox h4 {
	font-size: 24px;
	font-weight: 700
}

.other_banner {
	position: relative
}

.other_banner .banner_text {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.other_banner .banner_text .cn2 {
	color: #666
}

.other_banner222 {
	position: absolute;
	left: 0;
	top: 0
}

.case_warp {
	width: 100%;
	background: #f2f2f2;
	padding: 80px 0
}

.case_first .img,.case_first .info {
	height: 460px;
	background: #fff
}

.case_first .img {
	width: 68%;
	float: left;
	overflow: hidden
}

.case_first .img img {
	width: 100%;
	height: 100%;
	transition: all .8s
}

.case_first .info {
	width: 32%;
	float: right;
	padding: 60px;
	box-sizing: border-box;
	position: relative
}

.case_first:hover img {
	transform: scale(1.1,1.1)
}

.case_first .info h3 {
	font-size: 24px
}

.case_first .index_more {
	position: absolute;
	bottom: 60px;
	left: 60px
}

.case_list ul {
	margin-left: -4%
}

.case_list li {
	width: 46%;
	float: left;
	margin-left: 4%;
	margin-top: 45px;
	position: relative
}

.case_list li:before {
	z-index: 2;
	content: "";
	display: block;
	width: 0%;
	height: 2px;
	background: #273977;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .8s
}

.case_lis .img {
	width: 100%;
	height: 340px;
	overflow: hidden
}

.case_list .img img {
	width: 100%;
	height: 100%;
	transition: all .8s;
	vertical-align: bottom
}

.case_list .info {
	background: #fff;
	padding: 40px 30px;
	box-sizing: border-box
}

.case_list .ellipsis {
	display: inline-block;
	width: 70%;
	font-size: 16px
}

.case_list .yan {
	display: inline-block;
	width: 18px;
	height: 12px;
	background: url(../images/yan.png) no-repeat center;
	background-size: 100% 100%;
	float: right;
	transition: all 1s;
	margin-top: 6px
}

.case_list li:hover:before {
	width: 100%
}

.case_list li:hover img {
	transform: scale(1.1,1.1)
}

.case_list li:hover .yan {
	background: url(../images/yan3.png) no-repeat center;
	background-size: 100% 100%
}

.case_list .index_more,.pro_list .index_more,.store_list .index_more {
	display: block;
	margin: 0 auto;
	margin-top: 80px
}

.page_nav .iconfont {
	font-size: 32px;
	color: #fff;
	margin-right: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px
}

.page_nav2 a {
	border-right: 1px dotted rgba(255,255,255,.2);
	display: inline-block;
	line-height: normal;
	margin: 0;
	padding: 0 20px;
	position: relative
}

.page_nav2 a:after {
	content: '';
	display: block;
	width: 120px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 50%;
	bottom: -9px;
	z-index: 2;
	margin-left: -50px;
	transition: ease .65s;
	transform: scaleX(0)
}

.page_nav2 a.on:after,.page_nav2 a:hover:after {
	transform: scaleX(1)
}

.page_nav2 a:last-child {
	border-right: none
}

.page_nav2 {
	height: 110px;
	line-height: 110px
}

.pro_nav {
	width: 100%;
	background: #fff;
	padding: 20px 0
}

.pro_nav dl {
	border-bottom: 1px dashed #e0e0e0;
	line-height: 50px;
	margin-top: 10px;
	display: flex
}

.pro_nav dl:last-child {
	border-bottom: none
}

.pro_nav dl dt,.pro_nav dl dd {
	display: inline-block
}

.pro_nav dl dt {
	margin-right: 30px;
	flex-shrink: 0
}

.pro_nav dl dd a {
	color: #666;
	display: inline-block;
	margin-right: 30px
}

.pro_nav dl dd a.active {
	color: #273977;
	font-weight: 700
}

.pro_warp {
	background: #f2f2f2;
	padding: 20px 0;
	padding-bottom: 80px
}

.pro_list ul {
	margin-left: -4%
}

.pro_list li {
	width: 29.3%;
	float: left;
	margin-left: 4%;
	margin-top: 45px;
	position: relative
}

.pro_list .img {
	width: 100%;
	height: 425px;
	overflow: hidden
}

.pro_list2 .img {
	height: 270px
}

.pro_list .img img,.store_list .img img {
	width: 100%;
	height: 100%;
	transition: all .8s
}

.pro_list li:hover img,.store_list li:hover img {
	transform: scale(1.1,1.1)
}

.pro_list .info {
	background: #fff;
	padding: 35px;
	box-sizing: border-box;
	position: relative;
	height: 115px
}

.pro_list .en {
	font-size: 20px;
	color: #ababab;
	text-transform: uppercase
}

.pro_list .cn {
	transition: all .4s
}

.pro_list .yan {
	display: block;
	width: 18px;
	height: 12px;
	background: url(../images/yan3.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	right: 35px;
	top: 50%;
	transform: translateY(40px);
	opacity: 0;
	transition: all .8s
}

.pro_list li:before,.store_list li:before {
	content: "";
	display: block;
	z-index: 1;
	width: 0;
	height: 2px;
	background: #273977;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .8s
}

.pro_list li:hover:before,.store_list li:hover:before {
	width: 100%
}

.pro_list li:hover .yan {
	opacity: 1;
	transform: translateY(-50%)
}

.pro_list li:hover .cn {
	color: #273977
}

.pro_head {
	background: #fff;
	margin-bottom: 14px
}

.proxq_info,.proxq_img {
	width: 50%;
	float: left;
	height: 700px
}

.proxq_info {
	padding: 80px;
	box-sizing: border-box;
	position: relative
}

.proxq_info .en {
	font-size: 36px;
	color: #dcdcdc;
	text-transform: uppercase
}

.proxq_info .tit h3 {
	font-size: 24px;
	font-weight: 700
}

.proxq_info .proxq_cs {
	line-height: 24px;
	color: #666
}

.pro_btn {
	position: absolute;
	left: 80px;
	bottom: 80px
}

.pro_btn a {
	display: inline-block;
	width: 150px;
	height: 44px;
	background: #273977;
	color: #fff;
	text-align: center;
	line-height: 44px;
	margin-right: 10px
}

.pro_btn em {
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 10px
}

.pro_btn .buy em {
	background: url(../images/car.png) no-repeat center
}

.pro_btn .kf em {
	background: url(../images/kf.png) no-repeat center
}

.proxq_img img {
	width: 100%;
	height: 100%
}

.pro_warp2 {
	padding: 0;
	padding-top: 60px;
	padding-bottom: 100px
}

.pro_content {
	background: #fff
}

.pro_tab {
	height: 78px;
	line-height: 78px;
	border-bottom: 1px solid #ededed;
	padding: 0 80px;
	box-sizing: border-box
}

.pro_tab li {
	display: inline-block;
	margin-right: 55px;
	position: relative;
	cursor: pointer
}

.pro_tab li.active:before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #2f2f2f;
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 1
}

.pro_tab li.active {
	color: #273977
}

.pro_tabcon {
	padding: 50px 80px
}

.pro_tabcon img {
	max-width: 100%
}

.topbtm_bar {
	padding: 40px 0;
	border-bottom: 1px solid #c9c9c9
}

.topbtm_bar .back {
	display: inline-block;
	width: 148px;
	height: 44px;
	background: #273977;
	color: #fff;
	text-align: center;
	line-height: 44px
}

.topbtm_bar .btn {
	float: right
}

.topbtm_bar .btn a {
	display: inline-block;
	width: 44px;
	height: 44px;
	overflow: hidden
}

.topbtm_bar .btn a img {
	transition: all .8s
}

.topbtm_bar .btn a:hover img {
	transform: translateY(-44px)
}

.store_page {
	background: #f2f2f2;
	padding: 110px 0;
	padding-top: 150px
}

.index_store2 {
	background: 0 0;
	text-align: center
}

.index_store2 .map_box {
	position: absolute;
	right: 10%;
	top: 40px;
	margin: 0 auto;
	width: 80%
}

.index_store2 .info {
	width: 100%;
	text-align: center;
	position: relative;
	left: 0;
	top: 0;
	padding-top: 0
}

.index_tit2 p {
	color: #666
}

.index_store .line {
	margin-bottom: 10px
}

.index_store2 .index_more {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
	background: #273977;
	color: #fff;
	border: none
}

.index_store2 .index_more em {
	background: url(../images/yan2.png) no-repeat center
}

.index_store2 .search_box {
	margin-top: 70px
}

.index_store2 .map_box .area_1,.index_store2 .map_box .area_2 {
	width: 200px;
	height: 200px;
	line-height: 200px
}

.index_store2 .map_box .area_4 {
	width: 220px;
	height: 220px;
	line-height: 220px;
	right: 169px;
	bottom: 182px
}

.index_store2 .map_box .area_1 {
	left: 16%;
	top: 269px
}

.index_store2 .map_box .area_2 {
	top: 408px
}

.index_store2 .map_box .area_3 {
	left: 50%;
	top: 265px
}

.store_list ul {
	margin-left: -2%
}

.store_list li {
	width: 31.3%;
	float: left;
	margin-left: 2%;
	position: relative;
	background: #fff;
	margin-bottom: 30px
}

.store_list .img {
	width: 100%;
	height: 220px;
	overflow: hidden
}

.store_list .info {
	padding: 40px;
	box-sizing: border-box
}

.store_list h3 {
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 20px
}

.store_list .dz p {
	color: #9a9a9a;
	line-height: 24px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	overflow: hidden
}

.storexq_box {
	margin-bottom: 20px
}

.storexq_box .store_name {
	float: left;
	font-size: 18px
}

.storexq_box .en {
	font-family: en;
	font-size: 30px;
	display: block
}

.storexq_box .store_btn {
	float: right
}

.storexq_box .store_btn .btn {
	display: inline-block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	cursor: pointer;
	margin-left: 10px;
	margin-top: 10px
}

.storexq_box .store_btn .btn img {
	transition: all .8s
}

.storexq_box .store_btn .btn:hover img {
	transform: translateY(-40px)
}

.store_banner {
	width: 100%;
	height: 710px;
	position: relative
}

.banner_info {
	width: 168px;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9
}

.banner_info .banner_num {
	margin-bottom: 10px
}

.banner_info .start_num {
	font-size: 24px
}

.store_banner .swiper-slide {
	position: relative
}

.store_banner .swiper-slide:before {
	content: "";
	display: block;
	width: 0%;
	height: 3px;
	background: #273977;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	transition: all 3s
}

.store_banner .swiper-slide.on:before {
	width: 100%
}

.store_addre {
	background: #fff;
	padding: 100px 0
}

.store_dzbox .info,.store_dzbox .map {
	height: 620px;
	float: left
}

.store_dzbox .info {
	width: 35%;
	background: #f2f2f2;
	padding: 60px;
	box-sizing: border-box;
	position: relative;
	float: left
}

.store_dzbox h3 {
	font-size: 24px;
	margin: 30px 0
}

.store_dzbox .dz p {
	line-height: 24px;
	color: #9a9a9a
}

.send_bar {
	position: absolute;
	left: 60px;
	bottom: 80px
}

.send_bar .input_text {
	width: 200px;
	height: 38px;
	background: #fff;
	padding: 0 20px;
	box-sizing: border-box;
	float: left;
	display: block
}

.send_bar .send_btn {
	display: block;
	width: 90px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	float: left;
	background: #273977
}

.store_dzbox .map {
	width: 65%;
	float: right
}

.store_dzbox .map img {
	width: 100%;
	height: 100%
}

.news_list2 {
	padding: 75px 0;
	text-align: center
}

.news_list2 li {
	margin-bottom: 30px
}

.news_list2 li .info {
	text-align: left
}

.news_page {
	background: #f6f6f6;
	padding: 14px;
	box-sizing: border-box;
	min-height: 100%;
	margin-top: 45px
}

.news_item {
	margin-bottom: 14px
}

.news_item .img img {
	width: 100%;
	vertical-align: bottom
}

.news_item .info {
	background: #fff;
	padding: 20px;
	box-sizing: border-box
}

.news_item h3 {
	font-size: 1.6rem
}

.news_item p {
	color: #666;
	margin-top: 20px;
	margin-bottom: 40px;
	line-height: 20px
}

.news_item .time {
	display: inline-block;
	background: url(../images/time.png) no-repeat left center;
	background-size: auto 14px;
	padding-left: 20px;
	color: #9e9e9e
}

.news_item .yan {
	display: inline-block;
	width: 24px;
	height: 14px;
	background: url(../images/yan.png) no-repeat center;
	background-size: auto 14px;
	float: right
}

.bg22 {
	padding-bottom: 100px
}

.artic_page {
	min-height: 400px;
	position: absolute;
	top: 260px;
	z-index: 9;
	width: 100%
}

.artic_page22 {
	top: auto;
	margin-top: 260px;
	position: relative
}

.artic_content {
	background: #fff;
	padding: 100px 120px;
	box-sizing: border-box
}

.artic_tit {
	text-align: center
}

.artic_tit h3 {
	font-size: 24px
}

.artic_tit .time {
	display: inline-block;
	padding: 0 10px;
	color: #9e9e9e;
	position: relative;
	margin: 20px
}

.artic_tit .time:before,.artic_tit .time:after {
	content: "";
	display: block;
	width: 180px;
	height: 1px;
	background: #9e9e9e;
	z-index: 1;
	position: absolute;
	top: 50%
}

.artic_tit .time:before {
	left: -180px
}

.artic_tit .time:after {
	right: -180px
}

.artic_con {
	color: #898989;
	line-height: 24px;
	padding-bottom: 120px;
	padding-top: 50px;
	border-bottom: 1px solid #c9c9c9
}

.artic_con img {
	max-width: 100%!important;
	height: auto!important
}

.topbtm_bar2 {
	position: relative;
	margin-top: 100px
}

.topbtm_bar2 .ellipsis {
	display: block;
	width: 100%;
	margin-bottom: 5px
}

.topbtm_bar2 .back {
	width: 170px;
	height: 50px;
	line-height: 50px;
	background: #273977;
	color: #fff;
	text-align: center;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.bg {
	background: #f2f2f2;
	min-height: 100%
}

.other_banner2 {
	z-index: 1
}

.zsbtn {
	display: inline-block;
	margin-top: 85px
}

.zsbtn a {
	display: inline-block;
	height: 44px;
	padding: 0 20px;
	border: 1px solid #273977;
	box-sizing: border-box;
	float: left;
	margin: 0 10px
}

.zsbtn a.tel {
	text-align: left;
	background: url(../images/tel_icon.png) no-repeat left 15px center;
	padding-left: 50px
}

.zsbtn a.tel span {
	font-size: 18px;
	font-weight: 700;
	font-family: arial;
	color: #273977;
	float: left
}

.zsbtn a.jm {
	line-height: 44px;
	background: #273977;
	color: #fff;
	width: 148px
}

.zsbtn a.jm .iconfont {
	font-size: 24px;
	vertical-align: middle;
	float: left
}

.adv_left,.adv_img {
	width: 50%;
	float: left;
	height: 750px
}

.adv_left {
	background: #e0e0ef
}

.adv_left .bd {
	width: 100%;
	height: 590px
}

.adv_left .adv_info {
	width: 100%;
	height: 100%;
	position: relative
}

.adv_left .flex {
	width: 55%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%)
}

.adv_left .hd {
	height: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff
}

.adv_info .num {
	font-size: 72px;
	color: #273977
}

.adv_info .tit {
	color: #273977;
	font-size: 24px
}

.adv_info .en {
	font-size: 30px;
	color: #9fa4b4;
	font-family: en
}

.adv_info .cn {
	font-size: 24px;
	margin-bottom: 30px
}

.adv_nav {
	text-align: center
}

.adv_nav li {
	display: inline-block;
	text-align: center;
	margin: 0 1.5vw;
	cursor: pointer
}

.adv_nav li.on {
	color: #273977
}

.adv_nav li.on .iconfont {
	color: #273977
}

.adv_nav .iconfont {
	font-size: 32px;
	color: #666
}

.adv_nav h3 {
	margin-top: 10px
}

.adv_img {
	background-size: cover;
	background-position: right center
}

.jm_support {
	width: 100%;
	background: url(../images/zs_pic2.jpg) no-repeat center;
	background-attachment: fixed;
	padding: 140px 0
}

.support_tit {
	text-align: center;
	margin-bottom: 40px
}

.support_tit .en {
	font-size: 30px;
	font-family: en
}

.support_tit h3 {
	font-size: 18px;
	margin-top: 10px
}

.support_list .box {
	width: 33.3%;
	float: left;
	background: rgba(255,255,255,.8);
	min-height: 125px;
	padding: 30px 40px;
	box-sizing: border-box;
	font-size: 12px;
	border-bottom: 1px solid #aaacad;
	border-right: 1px solid #aaacad;
	transition: all .8s
}

.support_list .box h3 {
	font-size: 16px;
	margin-bottom: 10px;
	color: #000
}

.support_list .box p {
	color: #666;
	line-height: 18px
}

.support_list .box:hover {
	background: rgba(255,255,255,.5)
}

.jm_lc {
	background: url(../images/zs_pic3.jpg)no-repeat center;
	padding: 130px 0
}

.lc_warp {
	text-align: center;
	margin-top: 100px
}

.lc_warp .lcbox {
	display: inline-block;
	width: 150px;
	margin-right: 60px;
	height: 150px;
	position: relative;
	z-index: 1;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left
}

.lc_warp .lcbox:last-child {
	margin-right: 0
}

.lc_warp .lcbox:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #273977;
	position: absolute;
	left: 0;
	top: 0;
	transition: all .8s
}

.lc_warp .lcbox:hover:before {
	transform: scale(1.2,1.2)
}

.lc_warp .lcbox img {
	transition: all .8s
}

.lc_warp .lcbox:hover img {
	transform: rotate(360deg)
}

.lc_warp .lcbox h3 {
	margin-top: 10px
}

.lc_warp .lcbox:after {
	content: "";
	display: block;
	width: 60px;
	height: 100%;
	position: absolute;
	right: -60px;
	top: 0;
	background: url(../images/arr2.png)no-repeat center
}

.lc_warp .lcbox:last-child:after {
	display: none
}

.jm_warp {
	background: #f2f2f2;
	padding: 110px 0
}

.jm_form {
	background: #fff;
	padding: 60px 100px;
	box-sizing: border-box
}

.jm_form .jmform_tit {
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 20px;
	margin-bottom: 50px
}

.jm_form .namebox em {
	display: block;
	font-size: 30px;
	font-family: en
}

.jm_form .namebox {
	font-size: 18px;
	display: inline-block;
	float: left
}

.jm_form .tel {
	float: right;
	background: url(../images/tel_icon2.png) no-repeat left center;
	padding-left: 40px;
	margin-top: 10px
}

.jm_form .tel em {
	display: block;
	font-size: 18px;
	font-weight: 700;
	color: #273977;
	font-style: italic
}

.form_box li {
	width: 45.5%;
	float: left;
	margin-bottom: 20px
}

.form_box li:nth-child(even) {
	float: right
}

.form_box li label {
	display: block;
	color: #666;
	margin-bottom: 10px
}

.form_box li .input_text {
	width: 100%;
	height: 54px;
	padding: 0 20px;
	box-sizing: border-box;
	border: 1px solid #d5d5d5;
	cursor: pointer
}

.form_box li select {
	background: url(../images/arr3.png) no-repeat right 20px center
}

.form_box li .input_text2 {
	width: 48%;
	float: left
}

.form_box li .input_text2:last-child {
	float: right
}

.form_box li .text {
	width: 100%;
	height: 110px;
	background: #f2f2f2;
	padding: 20px;
	box-sizing: border-box
}

.form_box .trea {
	width: 100%
}

.jm_form .subbtn {
	width: 45.5%;
	height: 55px;
	background: #273977;
	color: #fff;
	margin-top: 20px
}

.contact_tit {
	padding: 60px 0;
	border-bottom: 1px solid #e5e5e5
}

.contact_tit h3 {
	font-size: 30px;
	float: left;
	margin-top: 5px
}

.contact_tit .tel {
	float: right
}

.contact_tit .tel em {
	display: block;
	font-size: 24px;
	font-weight: 700;
	color: #273977
}

.contact_info {
	padding: 70px 0
}

.contact_info .box {
	width: 50%;
	float: left
}

.contact_info .box img {
	vertical-align: middle;
	margin-right: 10px
}

.contact_info h3 {
	font-size: 18px;
	margin-bottom: 20px
}

.contact_info p {
	margin-bottom: 10px
}

.contact_map {
	width: 100%;
	height: 590px
}

.contact_map img {
	width: 100%
}

.add_tit {
	text-align: center;
	padding: 60px 0
}

.add_tit h3 {
	font-size: 30px
}

.add_box {
	width: 100%;
	height: 720px;
	background: url(../images/add_bg.jpg) no-repeat center;
	background-attachment: fixed;
	color: #fff
}

.add_box .z-container {
	height: 100%;
	display: flex;
	align-items: center
}

.add_box h3 {
	font-size: 18px
}

.add_box .seebtn {
	display: block;
	width: 148px;
	height: 45px;
	line-height: 45px;
	background: #273977;
	color: #fff;
	text-align: center;
	margin-top: 50px
}

.add_box .seebtn .yan {
	display: inline-block;
	width: 18px;
	height: 12px;
	background: url(../images/yan2.png)no-repeat center;
	background-size: 100% 100%
}

.zp_box {
	background: #e7e7e9;
	padding: 100px 0
}

.sideMenu {
}

.sideMenu .tit {
	height: 80px;
	line-height: 80px;
	padding: 0 20px;
	box-sizing: border-box;
	background: #fff;
	cursor: pointer;
	color: #2e2e2e;
	border-bottom: 1px solid #ededed
}

.sideMenu .tit span {
	display: inline-block;
	width: 30%
}

.sideMenu .tit em {
	float: right;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../images/add.png) no-repeat left center;
	background-size: 100% 100%;
	margin-top: 25px
}

.sideMenu .tit.on em {
	background: url(../images/jian.png) no-repeat center;
	background-size: 100% 100%
}

.sideMenu .tit.on {
	background: #273977;
	color: #fff
}

.sideMenu ul {
	padding: 40px 50px;
	color: #515151;
	display: none;
	background: #f8f8f8
}

.sideMenu ul h4 {
	margin-bottom: 20px
}

.sideMenu ul p {
	margin-bottom: 10px
}

.sideMenu .aplybtn {
	display: inline-block;
	width: 120px;
	height: 45px;
	background: #273977;
	border-radius: 5px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	margin-top: 40px;
	cursor: pointer
}

.aply_pop {
	width: 560px;
	height: 280px;
	background: #fff;
	border-radius: 3px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	box-shadow: 7px 0 46px rgba(0,0,0,.2);
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	display: none
}

.aply_pop h3 {
	height: 66px;
	line-height: 66px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	margin-bottom: 25px
}

.aply_pop .uploadbtn {
	display: inline-block;
	width: 100px;
	height: 33x;
	text-align: center;
	line-height: 33px;
	color: #333;
	color: #fff;
	border-radius: 4px;
	background: #273977;
	position: relative;
	overflow: hidden
}

.aply_pop .uploadbtn input {
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	opacity: 0
}

.aply_pop p {
	color: #7f7f7f;
	margin-top: 5px;
	margin-bottom: 40px
}

.aply_pop .btn_group button {
	display: inline-block;
	width: 100px;
	height: 33px;
	background: #c6c6c6;
	border: none;
	color: #fff;
	border-radius: 3px;
	cursor: pointer
}

.aply_pop .btn_group .surebtn {
	background: #929292
}

.aply_pop .closebtn {
	width: 27px;
	height: 27px;
	background: url(../images/close.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer
}

.sidebox {
	position: fixed;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99
}

.sidebox li {
	position: relative;
	cursor: pointer;
	margin-bottom: 2px
}

.sidebox a {
	display: block;
	width: 50px;
	height: 50px;
	margin-top: -1px;
	background-color: #3a435c;
	text-align: center;
	line-height: 48px;
	color: #fff;
	position: relative;
	z-index: 2;
	background: #3d3d3d
}

.sidebox a:hover {
	background-color: #555;
	color: #fff;
	border-color: #555
}

.sidebox .iconfont {
	font-size: 20px
}

.sidebox .cont {
	transition: all .4s;
	white-space: nowrap;
	width: 0;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #4f020e;
	color: #fff;
	font-size: 14px;
	position: absolute;
	right: 100%;
	top: 0
}

.sidebox li img {
	vertical-align: middle
}

.sidebox li:hover .cont {
	width: 100px
}

.sidebox li:hover a {
	background-color: #4f020e
}

.sidebox li em {
	display: inline-block;
	width: 100%;
	height: 100%
}

.sidebox .code .cont {
	height: auto;
	line-height: normal
}

.sidebox .code .cont img {
	width: 80px;
	height: 80px
}

.sidebox li.code:hover .cont {
	width: 80px;
	padding: 5px
}

.index_pop {
	text-align: center;
	background: #e9e9ea;
	padding: 80px 0
}

.pop_list .img {
	width100%;height: 438px;
	overflow: hidden
}

.pop_list .img img {
	transition: all .6s;
	width: 100%;
	height: 100%
}

.pop_list .swiper-slide {
	margin-bottom: 80px;
	margin-top: 40px
}

.pop_list .swiper-slide:hover img {
	transform: scale(1.1,1.1)
}

.pop_list .tit {
	text-align: center;
	background: #fff;
	line-height: 70px
}

.pop_list .swiper-pagination {
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 999
}

.pop_list .swiper-pagination span {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	box-sizing: border-box;
	border: 2px solid #fff;
	box-sizing: border-box;
	margin: 0 4px;
	transition: all .8s;
	cursor: pointer
}

.pop_list .swiper-pagination-bullet-active {
	background: #fff!important
}

.u_hidden {
	display: none
}

.znew_pop {
	width: 780px;
	display: none;
	height: 580px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -350px;
	margin-top: -290px;
	box-sizing: border-box;
	z-index: 10;
	background: url(../images/popbg.jpg) no-repeat center;
	background-size: cover;
	text-align: center;
	padding: 80px 0
}

.znew_pop .tit1 {
	font-size: 36px;
	font-weight: 700
}

.znew_pop .tit2 {
	font-size: 24px;
	line-height: 58px
}

.znew_pop .tit3 {
	margin-bottom: 50px
}

.znew_form {
	width: 420px;
	margin: 0 auto
}

.znew_form li {
	margin-bottom: 10px
}

.znew_form .text {
	height: 48px;
	display: block;
	background: #f4f4f4;
	padding: 0 20px;
	box-sizing: border-box;
	width: 100%
}

.znew_form .code_text {
	width: 270px;
	float: left
}

.z_code {
	width: 130px;
	cursor: pointer;
	height: 48px;
	border: 1px solid #b7b7b7;
	box-sizing: border-box;
	float: right
}

.znew_form .z_subbtn {
	width: 100%;
	height: 48px;
	background: #273977;
	color: #fff;
	margin-top: 30px;
	cursor: pointer
}

.znew_close {
	width: 50px;
	height: 50px;
	background: url(../images/z_colse.png) no-repeat center;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer
}

.znew_jgpop,.znew_yzpop {
	padding: 100px 0;
	height: 540px
}

.z_price_box {
	background: #f4f4f4;
	display: inline-block;
	background: #f4f4f4;
	padding: 30px 50px;
	line-height: 40px;
	box-sizing: border-box
}

.z_price_box h3 {
	font-size: 24px;
	font-weight: 700
}

.z_price_box h4 {
	color: #e24a14;
	font-size: 30px;
	font-weight: 700
}

.zpop_back {
	display: block;
	width: 130px;
	height: 48px;
	line-height: 46px;
	border: 1px solid #b7b7b7;
	box-sizing: border-box;
	margin: 0 auto;
	margin-top: 10px
}

.zpop_back:hover {
	background: #273977;
	color: #fff
}

.znew_mask {
	width: 100%;
	cursor: pointer;
	display: none;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9
}

.pro_tabs {
	z-index: 1!important
}

.proxq_img .view {
	width: 100%;
	height: 550px;
	border: 1px solid #eee;
	position: relative
}

.proxq_img .swiper-container {
	height: 100%
}

.proxq_img .view img {
	height: 100%!important;
	max-width: 100%;
	width: auto;
	display: block;
	margin: 0 auto
}

.proxq_img .preview {
	margin-top: 20px
}

.proxq_img .preview li {
	width: 91.6px;
	border: 2px solid #eee;
	box-sizing: border-box;
	margin-left: 24px;
	height: 100px;
	margin: 0 10px;
	float: left
}

.proxq_img .preview img {
	height: 100%;
	display: block;
	margin: 0 auto;
	width: auto;
	max-width: 100%
}

.proxq_img .preview .active-nav {
	border: 2px solid #273977
}

.proplay {
	width: 50px;
	height: 50px;
	background: url(../images/play.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 10
}

.pro_video {
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99
}

.pro_video video {
	height: 100%;
	max-width: 100%
}

.pro_close {
	background: url(../images/close.png) no-repeat center;
	background-size: 100% 100%;
	cursor: pointer;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 100
}

.pro_tab.on {
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 9999
}

.pro_btn2.on {
	opacity: 1!important
}

@media screen and (max-width:1660px) {
	.foot_addre {
		margin-left: 3vw
	}
}

@media screen and (max-width:1480px) {
	.foot_addre {
		margin-left: 2vw
	}

	.foot_nav dl {
		margin-right: 2vw
	}

	.process_box .text,.index_story .flex {
		width: 85%
	}

	.wish_list {
		width: 80%
	}

	.header_nav {
		margin-left: 12vw
	}
}

@media screen and (max-width:1300px) {
	.index_store2 .map_box {
		width: 100%;
		right: 0
	}

	.z-container {
		width: 90%
	}

	body {
		min-width: 1200px
	}

	.foot_code .code_box {
		float: none
	}
}


/*底部*/
.footer { color: #fff; background-color: #333; }
.footer .main { padding: 18px 0 40px; }
.footer .main a { color: #fff; opacity: 0.5; filter: alpha(opacity=50); }
.footer .main a:hover { opacity: 0.9; filter: alpha(opacity=90); }
.footer .flink { position: relative; margin-bottom: 58px; padding-bottom: 18px; font-size: 0; line-height: 20px; }
.footer .flink::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity: 0.1; filter: alpha(opacity=10); z-index:999 }
.footer .flink .txt { margin-right: 10px; font-size: 14px; }
.footer .flink .link { margin-right: 16px; font-size: 12px; }
.footer .menu { position: relative; width: 46.25%; font-size: 0; }
.footer .menu::before { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #fff; opacity: 0.1; filter: alpha(opacity=10); z-index:999 }
.footer .menu .col { display: none; position: relative; margin-right: 12.6%; max-width: 20.7333%; vertical-align: top; }
.footer .menu .col-2, .footer .menu .col-3, .footer .menu .col-4 { display: inline-block; }
.footer .menu .tit { position: relative; display: block; padding-bottom: 14px; font-weight: bold; font-size: 16px; opacity: 1; filter: alpha(opacity=100); }
.footer .menu .tit::before { content: ''; position: absolute; bottom: 0; left: 0; width: 20px; height: 2px; background-color: #fff; z-index:999 }
.footer .menu .con { margin-top: 5px; }
.footer .menu .stit { display: block; font-size: 14px; line-height: 36px; }
.footer .ewm { margin-top: 5px; width: 11.66%; font-size: 0; }
.footer .ewm .imgwr { padding: 5px; background-color: #fff; }
.footer .ewm .img { display: block; width: 100%; }
.footer .ewm .txt { margin-top: 12px; font-size: 14px; text-align: center; opacity: 0.5; filter: alpha(opacity=50); }
.footer .cont { margin: 8px 0 0 3.16%; width: 27.0833%; }
.footer .cont .icowr { position: relative; margin-right: 18px; width: 40px; height: 40px; border: 2px solid #fff; border-radius: 100%; float:left }
.footer .cont .icon { position: absolute; top: 50%; left: 0; right: 0; margin: -10px auto 0; width: 20px; height: 20px; background: url(../images/icon-tel-2.png) 0 0 no-repeat; }
.footer .cont .txt { font-size: 14px; opacity: 0.5; filter: alpha(opacity=50); }
.footer .cont .tellink { display: block; font-weight: bold; font-size: 22px; letter-spacing: 0.1em; opacity: 1; filter: alpha(opacity=100); }
.footer .cont .con { margin-top: 14px; font-size: 14px; line-height: 36px; opacity: 0.5; filter: alpha(opacity=50); }
.copyright { padding: 35px 0; font-size: 0; line-height: 20px; background-color: #333;}
.copyright .tools .link, .copyright .tools .line, .copyright .con { font-size: 12px; color: #fff; opacity: 0.5; filter: alpha(opacity=50); }
.copyright .tools .link:hover { opacity: 0.9; filter: alpha(opacity=90); }
.copyright .tools .line { margin: 0 18px; opacity: 0.1; filter: alpha(opacity=10); }
.copyright .con a { color: #fff; }
.copyright .con a:hover { text-decoration: underline; }
.comwrap { position: relative; margin: 0 auto; width: 94%; max-width: 1200px; }
.fl-l { float: left; }
.fl-r { float: right; }